<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>企业详情页</title>
    <style>
       .detail {
            width: 100%;
           /*min-width: 1100px;*/
           padding: 30px;
        }

        img {
            width: auto;
            height: auto;
        }

        * {
            font-family: PingFangSC-Regular;
            font-size: 22px;
            letter-spacing: 0;
            text-align: center;
            padding: 0;
            margin: 0;
            box-sizing:border-box;
        }

        .search {
            height: 60px;
            margin: 0 -30px;
        }

        .search div {
            width: 260px;
            height: 60px;
            background-color: #299bec;
            line-height: 60px;
            color: #ffffff;

        }

        .search div img {
            vertical-align: middle;
        }

        .search div.l {
            float: left;
        }

        .search div.r {
            width: 100px;
            height: 38px;
            margin: 11px 0;
            float: right;
            border-radius: 30px;
            font-size: 16px;
            line-height: 38px;
        }

        /* 位置*/
        .location {
            padding-left: 280px;
            text-align: left;
            margin: 5px 0;
        }

        .location span {
            font-size: 14px;
            color: #aaaaaa;
            letter-spacing: 0;
            line-height: 14px;
        }

        .location span:last-child {
            color: #299bec
        }

        /* 标题*/
        .h5 {
            position: relative;
            width: 218px;
            height: 36px;
            margin: 0px auto;
            line-height: 36px;
            background: #e1e6f2;
            border-radius: 100px;
            font-size: 18px;
            color: #000000;
            letter-spacing: 0;
        }

        .h5::after, .h5::before {
            position: absolute;
            right: 257px;
            top: 17.5px;
            content: "";
            width: 400px;
            height: 1px;
            background-color: #dfdfdf;
        }

        .h5::before {
            left: 257px;
        }

        /* 信用评分*/
        .lawScore {
            background: #f4f7fb;
            height: 596px;
            margin: 30px 0;
            padding: 30px 0;
        }

        /* 风险预警提示*/
        .riskCue, .info {
            margin: 30px 0;
            padding: 30px 0;
        }

        /*关系族谱*/
        .gx {
            padding: 20px 0;
            height: 778px;
        }

        /* 法人工作关系图*/
        .workimg {
            background: #f4f7fb;
            height: 675px;
            padding: 20px 0;
        }

        .work {
            padding: 40px 0;
        }

        /*银行税务信息*/
        .yh {
            padding: 40px 0;
        }

        .yh .img {
            background: #f4f7fb;
            height: 557px;
            margin: 40px 0 0px;
        }

        /*法院*/
        .fay {

        }
       .fay dt {
           background-color:#f4f7fb ;
       }
        .fay dd {
            background-color: white;
        }

        .fay h4 {
            font-size: 20px;
            color: #2b2b2b;
            font-weight: 400;
        }

        .fay .content {
            margin: 40px 0;
            padding: 20px 0;
            background-color: #f4f7fb;
        }

        .fay p {
            font-size: 16px;
            color: #898989;
            letter-spacing: 1.07px;
        }
        /*底部按钮*/
        .bot {
            margin: 0 -30px;
            background:#9b9b9b;
            height:152px;
            display: flex;
            flex-flow: column nowrap;
            justify-content: space-evenly;
        }
        .bot button{
            min-width: 80px;
            text-align: center;
            height: 33px;
            line-height: 33px;
            font-size:16px;
            color:#2f9fe4;
            background:#ffffff;
            border:1px solid #2f9fe4;
            border-radius:4px;
            padding: 0 10px;
            margin: 0 15px ;
        }
        .bot div:first-child button{
            margin: 0 40px;
        }
       table {
           table-layout:fixed;
           margin: 40px 0;
           width: 100%;
           border: 1px solid #dddddd;
           background-color: #f4f7fb;
       }
        table th, table td{
            border-right: 1px solid #dddddd;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: 400;
            color: #2b2b2b;
            height: 51px;
            padding: 10px;
            word-break:break-all;
        }
        table th:last-child, table td:last-child{
            border-right: 0;
        }
        table tr:nth-child(odd){
            background-color: white;
        }
    </style>
</head>
<body>
<div class="detail">
    <!--定搜索-->
    <!--<div class="search">-->
        <!--<div class="l">-->
            <!--<img src="./img/logo.png">-->
            <!--CSRC四川证监局-->
        <!--</div>-->
        <!--<div class="r">-->
            <!--搜索-->
            <!--<img src="./img/search.png">-->
        <!--</div>-->
    <!--</div>-->

    <!-- location-->
    <div class="location">
        <img src="./img/Shape.png">
        <span>当前位置：存量监管>黑名单基金列表></span>
        <span>基金详情</span>
    </div>

    <!-- 信用评分-->
    <div class="lawScore">
        <div class="h5">
            信用评分 480分
        </div>

    </div>

    <!-- 风险预警-->
    <div class="riskCue">
        <div class="h5">
            风险预警提示
        </div>
        <table>
            <tr>
                <th>问题代码</th>
                <th>风险提示</th>
                <th>风险等级</th>

                <th>查看详情</th>
                <th>查看证据</th>
            </tr>
            <!--<tr >-->
                <!--<td>1</td>-->
                <!--<td>条款命中</td>-->
                <!--<td>B</td>-->
                <!--<td>决策引擎检索投资协议条款中发现：退出机制为“政府付费购买服务模式” 此模式与2017年5月列为政府禁行采用模式，因此为无效条款。</td>-->
                <!--<td>退回申请</td>-->
            <!--</tr>-->
        </table>
    </div>
    <!-- 基本资料-->
    <div class="info">
        <div class="h5">
            基金基本资料
        </div>
        <table>
            <tr>
                <th>公司名称</th>
                <th>公司地址</th>
                <th>公司电话</th>
                <th>机构性质</th>
                <th>机构全称</th>

                <th>组织形式</th>
                <th>机构注册地址</th>
                <th>许可证明类型</th>
                <th>托管银行名称</th>
                <th>托管银行账户</th>
                <th>托管银行联系电话</th>
            </tr>
            <!--<tr>-->
                <!--<td>宜宾紫玺宸资产管理有限公司</td>-->
                <!--<td>宜宾市南岸商贸路南侧9栋1层15号</td>-->
                <!--<td>有限责任公司（自然人投资或控股）</td>-->
                <!--<td>宜宾紫玺宸资产管理有限公司</td>-->
                <!--<td>紫玺宸</td>-->

                <!--<td>078863826</td>-->
                <!--<td>宜宾市工商行政管理局</td>-->
                <!--<td>无</td>-->
                <!--<td>无</td>-->
                <!--<td>无</td>-->
                <!--<td>无</td>-->
            <!--</tr>-->
        </table>
    </div>
    <!-- 关系族谱-->
    <div class="gx">
        <div class="h5">
            关系族谱
        </div>

    </div>

    <!-- 实际控制人-->
    <!--<div class="work">-->
        <!--<div class="h5">-->
            <!--实际控制人-->
        <!--</div>-->
        <!--<table>-->
            <!--<tr>-->
                <!--<th>序号</th>-->
                <!--<th>姓名／名称</th>-->
                <!--<th>国籍／机构性质</th>-->
                <!--<th>电话</th>-->
                <!--<th>证件类型</th>-->
                <!--<th>证件号码</th>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>1</td>-->
                <!--<td>毛宙国</td>-->
                <!--<td>中国</td>-->
                <!--<td>18292899006</td>-->
                <!--<td>身份证</td>-->
                <!--<td>513029199008678909</td>-->
            <!--</tr>-->
        <!--</table>-->
    <!--</div>-->
    <!-- 高管信息-->
    <div class="work staff">
        <div class="h5">
            高管信息
        </div>
        <table >
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>国籍</th>
                <th>电话</th>
                <th>证件类型</th>
                <th>证件号码</th>
                <th>职务</th>
                <th>任职时间</th>
                <th>兼职机构家数</th>

            </tr>

        </table>
    </div>
    <!--&lt;!&ndash;  法人工作履历分析图&ndash;&gt;-->
    <!--<div class="workimg">-->
        <!--<div class="h5">-->
            <!--法人工作履历分析图-->
        <!--</div>-->

    <!--</div>-->

    <!--&lt;!&ndash; 法人工作履历&ndash;&gt;-->
    <!--<div class="work">-->
        <!--<div class="h5">-->
            <!--法人工作履历-->
        <!--</div>-->
        <!--<table>-->
            <!--<tr>-->
                <!--<th>时间</th>-->
                <!--<th>任职单位</th>-->
                <!--<th>职位</th>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td>2014.03-2015.10</td>-->
                <!--<td>信达澳银基金管理有限公司</td>-->
                <!--<td>营运总监</td>-->
            <!--</tr>-->
        <!--</table>-->
    <!--</div>-->
    <!-- 投资人信息-->
    <div class="investList">
        <div class="h5">
            投资人信息
        </div>
        <table>
            <tr>
                <th>序号</th>
                <th>姓名／名称</th>
                <th>国籍／机构性质</th>

                <th>电话</th>
                <th>证件类型</th>
                <th>证件号码</th>

                <th>投资人类别</th>
                <th>所占股份</th>
                <th>出资时间</th>
            </tr>

        </table>
        <div style="background:#f4f7fb;height:557px;">

        </div>
    </div>
    <!-- 银行税务信息-->
    <div class="yh">
        <div class="h5">
            银行税务数据
        </div>

        <div class="img">

        </div>
    </div>

    <!-- 法院数据-->
    <div class="fay">
        <div class="h5">
            法院数据
        </div>
        <div class="content">
            <h4>企业涉诉信息</h4>

            <table class="lawSuit">
                <tr></tr>
                <tr>
                    <th>企业名称</th>
                    <th>失信</th>
                    <th>被执行人</th>

                    <th>更新时间</th>
                </tr>
                <tr>
                    <td>无</td>
                    <td>无</td>
                    <td>无</td>

                    <td>无</td>
                </tr>
            </table>

            <h4>企业GP管理人员</h4>
            <table>
                <tr></tr>
                <tr>
                    <th>企业名称</th>
                    <th>失信</th>
                    <th>被执行人</th>

                    <th>更新时间</th>
                </tr>
                <tr>
                    <td>无</td>
                    <td>无</td>
                    <td>无</td>

                    <td>无</td>
                </tr>
            </table>
            <h4>基金投资人</h4>
            <table>
                <tr></tr>
                <tr>
                    <th>企业名称</th>
                    <th>失信</th>
                    <th>被执行人</th>

                    <th>更新时间</th>
                </tr>
                <tr>
                    <td>无</td>
                    <td>无</td>
                    <td>无</td>

                    <td>无</td>
                </tr>
            </table>
            <p>决策引擎提示：根据分析本私募基金直接与间接的相关人员没有法院涉诉信息</p>
        </div>
    </div>
    <!-- 底部按钮-->
    <div class="bot">
        <div>
            <button>返回</button>
            <button style="background:#2f9fe4;color:#ffffff;">解除黑名单</button>
        </div>
        <div>
            <button>下载合伙协议</button>
            <button>下载验资报告</button>
            <button>下载投资协议</button>
            <button> 下载银税监管协议</button>
            <button>下载其他补充材料</button>
            <button>下载季度报表</button>
            <button> 下载补充附件</button>
        </div>
    </div>
</div>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script>

    /**
     获取地址栏参数
     */
    function GetQueryString(name){
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)return  unescape(r[2]); return null;
    }

    var id = GetQueryString("id");
    //信用评分
    var lawScore ;

    /**
     *  拉取数据
     */

    $.ajax({
        url: 'http://sc.castingyou.cn/sichuansfc/company/detail?id='+id,
        type: "GET",
        success: function (data) {
            if(data.status == 100000){
               detail = data.data;
               // 风险预警
                $(".riskCue table").append(
                    '<tr>' +
                    '<th>'+detail.riskProblemCode+'</th>'
                    +'<th>'+detail.riskCue+'</th>'
                    +'<th>'+detail.riskRank+'</th>'
                    +'<th>'+detail.riskDetail+'</th>'
                    +'<th>'+detail.riskSuggest+'</th>' +
                    '</tr>'
                )
                // 基本资料
                baseInfo = JSON.parse(detail.detail).data.result.result.baseInfo

                //股东
                investorList =JSON.parse(detail.detail).data.result.result.investorList
                // 变更信息
                comChanInfoList = JSON.parse(detail.detail).data.result.result.comChanInfoList

                // 基本资料
                $(".info table").append(
                    '<tr>' +
                    '<th>'+baseInfo.name+'</th>'
                    +'<th>'+baseInfo.base+'</th>'
                    +'<th>'+baseInfo.phoneNumber+'</th>'
                    +'<th>'+baseInfo.companyOrgType+'</th>'
                    +'<th>'+baseInfo.name+'</th>'
                    +'<th>'+baseInfo.orgNumber+'</th>'
                    +'<th>'+baseInfo.regLocation+'</th>'
                    +'<th>'+baseInfo.industry+'</th>'
                    +'<th>无</th>'
                    +'<th>无</th>'
                    +'<th>无</th>' +
                    '</tr>'
                )
                // 高管
                staffList =  JSON.parse(detail.detail).data.result.result.staffList
                for (var  i = 0 ; i < staffList.length; i++)
                {
                    var staff = staffList[i];
                    var typeStr = "";
                    for (var j = 0; j < staff.typeJoin.length; j++){
                        typeStr += " "+ staff.typeJoin[j];
                    }

                    $(".staff table").append(
                        '<tr>' +
                        '<th>' + (i+1)+ '</th>'
                        + '<th>' + staff.name + '</th>'
                        + '<th>无</th>'
                        + '<th>无</th>'
                        + '<th>无</th>'
                        + '<th>无</th>'
                        + '<th>'+typeStr+'</th>'
                        + '<th>无</th>'
                        + '<th>无</th>' +
                        '</tr>'
                    )
                }
                // 投资人信息
                investList = JSON.parse(detail.detail).data.result.result.investList;
                for(var i = 0 ; i < investList.length; i++){
                    var invest = investList[i];

                    $(".investList table").append(
                        '<tr>' +
                        '<th>' + (i+1)+ '</th>'
                        + '<th>' + invest.name + '</th>'
                        + '<th>' + invest.category + '</th>'
                        + '<th>无</th>'
                        + '<th>无</th>'
                        + '<th>无</th>'
                        + '<th>无</th>'
                        + '<th>'+invest.amount+'</th>'
                        + '<th>无</th>' +
                        '</tr>'
                    )
                }
                // 企业
                // 诉讼
                lawSuitList = JSON.parse(detail.detail).data.result.result.lawSuitList;
                for(var i = 0 ; i < lawSuitList.length; i++){
                    var lawSuit = lawSuitList[i];

                    $(".lawSuit").append(
                        '<tr>' +
                        '<th>' + (i+1)+ '</th>'
                        + '<th>无</th>'
                        + '<th>无</th>'
                        + '<th>无</th>'+
                        '</tr>'
                    )
                }
            }else {
                alert(data.msg)
            }
        },
        error: function () {
            alert("错误！");
        }
    });

</script>
</body>
</html>